@charset "utf-8";
/**/


@media(max-width:899px) {
#top{ width:100%;  position:fixed; z-index:10;  transition:all 0.5s; background:rgba(0,0,0,0.8);}
#logo{ float:left; margin-left:0.5rem;}
#logo img{ height:3rem;}
#logo img.pc{ display:none;}
#ad{ float:left; color:#ed9207; font-size:18px; font-size:18px; font-weight:900; margin-left:10%; line-height:100px; display:none;}
#menu{overflow:hidden; position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.8); display:none;}
#menu ul{ width:60%; height:100%; background:#fff; float:left; margin-left:-60%; transition:all 0.5s; overflow:scroll;}
#menu ul li{ border-bottom:solid 1px #eee;}
#menu ul li span{ display:none;}
#menu ul li a{ display:block; color:#3f3c36; font-size:1rem; line-height:4rem; text-align:center;}

#menu ul li .zmenu{ display:none;}
#menu ul li .zmenu p{ border-top:solid 1px #eee;}
#menu ul li .zmenu .a1{ display:none;}
#menu ul li .zmenu .a2{ background:#f7f7f7;}

#close{ float:left; background:#ed9207; width:4rem; height:4rem;}
#close img{ width:100%;}
#mbtn{ float:right;}
#mbtn img{ height:3rem;}

#lan{ float:right; background:rgba(255,255,255,0.1); height:2rem; width:113px; font-size:0.8rem; border-radius:30px; text-align:center;  color:#fff; line-height:2rem; cursor:pointer; margin:0.5rem 1rem 0 0;}
#lan span{ margin-left:5px;}
#lan span img{ vertical-align:middle;}
#lan font img{ width:1rem; margin:-0.2rem 0.2rem 0 0; vertical-align:middle;}

#lan_list{ position:absolute; background:#fff; width:120px; display:none; box-shadow:0 5px 5px rgba(0,0,0,0.1); z-index:40;}
#lan_list p a{ display:block; line-height:40px;}
#lan_list p a:hover{ background:#ed9207; color:#fff;}
/*banner*/
.swiper-container {	width: 100%;margin-left: auto;margin-right: auto;}
.swiper-slide {	text-align: center;	font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;	display: -webkit-flex;	display: flex;	-webkit-box-pack: center;-ms-flex-pack: center;	-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;	-ms-flex-align: center;	-webkit-align-items: center;align-items: center;}
.swiper-slide{ overflow:hidden;}
.swiper-slide img {	width:150%;}
.swiper-button-next{ display:none;}
.swiper-button-prev{ display:none;}

#ind_pro{ background:url(image/di1.jpg) no-repeat center top; overflow:hidden; width:100%; height:827px;}
#ind_pro .k{ width:100%; margin:0 auto; overflow:hidden;}
#ind_p_l{width:90%; overflow:hidden; margin:0 auto;}
#ind_p_l p.tt{ font-size:1.4rem; font-weight:900; line-height:2rem; padding-top:2rem;}
#ind_p_l p.con{ padding-top:10px; line-height:18px;}

#ind_p_btn{ overflow:hidden; margin-top:30px;}
#ind_p_btn ul li{ float:left; width:34px; height:13px; background:#3f3c36; margin-right:6px; cursor:pointer;}
#ind_p_btn ul li:first-child{ background:#ed9207;}

#ind_p_li{ overflow:hidden;}
#ind_p_li ul li{ overflow:hidden; display:none;}
#ind_p_li ul li:first-child{ display:inherit;}
#ind_p_li ul li p.a1{ font-size:1rem; padding-top:1rem;}
#ind_p_li ul li p.a2{ line-height:1.2rem; padding-top:0.5rem;}
#ind_p_li ul li p.a3{ margin-top:1rem; margin-bottom:2rem;}
#ind_p_li ul li p.a3 a{ display: block; border:solid 2px #3f3c36; line-height:30px; text-align:center; width:100px; font-size:12px; background:url(image/bit2.png) no-repeat 90% center;}

#ind_p_r{ width:100%; overflow:hidden;}
#ind_p_r ul li{overflow:hidden; display:none;}
#ind_p_r ul li:first-child{display:inherit;}
#ind_p_r ul li img{ width:100%;}

#ind_company{ width:90%; text-align:left; margin:0 auto; overflow:hidden;}
#ind_company p.tt{ font-size:1.4rem; font-weight:900; line-height:2rem;}
#ind_company p.con{ padding-top:1rem;}
#ind_company p.btn{ overflow:hidden; display:inline-block;}
#ind_company p.btn a{ display:block; float:left; margin:2rem 5px 60px 5px;}
#ind_company p.btn a.b1{ width:120px; border:solid 2px #3f3c36; line-height:36px; text-align:center;}

#ind_company p.btn a.b2{ width:120px; background:url(image/btndi1.png) no-repeat center; text-align:center; height:40px; line-height:40px; color:#fff;}


#ind_company_data{ width:90%; margin:0 auto 2rem auto; overflow:hidden; text-align:center;}
#ind_company_data ul{}
#ind_company_data ul li{width:100%; overflow:hidden; padding:1rem 0;}
#ind_company_data ul li:nth-child(1){ border-bottom:solid 1px #efefef;}
#ind_company_data ul li:nth-child(2){ border-bottom:solid 1px #efefef;}
#ind_company_data ul li .k{ width:300px; margin:0 auto; text-align:left; overflow:hidden;}
#ind_company_data ul li .l{ float:left;}
#ind_company_data ul li .r{ width:300px;}
#ind_company_data ul li .r p.a1{ font-size:36px; font-weight:900; line-height:40px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; padding-top:20px;}
#ind_company_data ul li .r p.a2{ line-height:18px;}

#ind_rd{ width:100%; background:url(image/di2.jpg) no-repeat center top; padding-bottom:2rem; text-align:center;}
#ind_rd .tt{ text-align:center; font-size:1.4rem; color:#fff; line-height:2rem; font-weight:900; padding-top:3rem;}
#ind_rd .tt p{ font-size:0.7rem; font-weight:100;}

#ind_rd .list{ background:url(image/r3.png) no-repeat left 10px/100% 4px; width:100%; margin:1rem auto 0 auto; overflow:hidden; text-align:left;}
#ind_rd .list ul{ width:10000px; transition:all 0.5s;}
#ind_rd .list ul li{ float:left; width:300px; margin-right:20px;}
#ind_rd .list ul li p.a1{ margin-left:27px;}
#ind_rd .list ul li p.a2{ margin:8px 0 0 27px;}
#ind_rd .list ul li .a3{ width:300px; height:160px; background:rgba(0,0,0,0.5); color:#fff; overflow:hidden; border-bottom:solid 3px #fff;}
#ind_rd .list ul li .a3 p.b1{ font-size:36px; font-weight:900; line-height:50px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; width:80%; margin:25px auto 0 auto; }
#ind_rd .list ul li .a3 p.b2{ width:80%; margin:0 auto; font-size:1rem;}

#ind_rd .change{ display:inline-block; margin-top:2rem; display:none;}
#ind_rd .change p{ width:60px; height:40px; margin:0 5px; cursor:pointer; float:left;}
#ind_rd .change p.l{ background:url(image/r5.png) no-repeat center rgba(255,255,255,0.2); transition:all 0.5s;}
#ind_rd .change p.r{ background:url(image/r4_1.png) no-repeat center #ed9207; transition:all 0.5s; }

#ind_rd .more a{ display:block; line-height:36px; color:#fff; border:solid 2px #fff; background:none; width:120px; margin:50px auto 0 auto;}
#ind_rd .more a:hover{ width:150px; background:#ed9207; color:#fff;border:solid 2px #ed9207;}


#ind_news{ width:100%; background:#f7f7f7; overflow:hidden;}
#ind_news .tt{ text-align:center; font-size:1.4rem; line-height:2rem; font-weight:900; padding-top:2rem;}
#ind_news .tt p{ font-size:0.7rem; font-weight:100;}

#ind_news .list{ width:90%; margin:1rem auto 0 auto; overflow:hidden;}
#ind_news .list ul li{ width:100%; margin-bottom:1rem; }
#ind_news .list ul li a{ display:block; padding:20px; background:#fff;}
#ind_news .list ul li a p.a0{ background:#ed9207; color:#fff; position:absolute; margin:-24px 0 0 0px; padding:0 10px;}
#ind_news .list ul li a p.a1{ overflow:hidden;}
#ind_news .list ul li a p.a1 img{ width:100%; transition:all 0.5s;}
#ind_news .list ul li a p.a2{ line-height:57px; border-bottom:solid 1px #eee; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:18px;}
#ind_news .list ul li a p.a3{ border-bottom:solid 1px #eee; padding:20px 0; color:#666;}
#ind_news .list ul li a p.a4{ line-height:50px; color:#999;}

#ind_news .list1{ width:90%; margin:1rem auto 0 auto;overflow:hidden;}
#ind_news .list1 ul li{ margin-bottom:20px;}
#ind_news .list1 ul li a{ display:block; background:url(image/line1.jpg) no-repeat bottom left/0% 3px #fff; padding:32px 20px;}
#ind_news .list1 ul li a p.a0{ background:#ed9207; color:#fff; position:absolute; margin:-32px 0 0 0px; padding:0 10px;}
#ind_news .list1 ul li a p.a1{ font-size:18px; font-weight:900; transition:all 0.5s;}
#ind_news .list1 ul li a:hover p.a1{ color:#ed9207;}

#ind_news .more{ overflow:hidden; margin:1rem auto 2rem auto;}
#ind_news .more a{ display:block; width:116px; line-height:36px; text-align:center; border:solid 2px #3f3c36; margin:0 auto;}


#ind_ser .title{ text-align:center; font-size:1.4rem; line-height:3rem; font-weight:900; padding-bottom:0rem; color:#fff;}

#ind_ser{ background:url(image/di32.jpg) no-repeat center/auto 100%; width:100%; padding:2rem 0; overflow:hidden; text-align:center;}
#ind_ser ul li{ width:90%; text-align:center; margin:1rem auto;}
#ind_ser ul li a{ display:block; background:url(image/line1.jpg) no-repeat left top/0% 5px rgba(255,255,255,0.8); padding-bottom:2rem; margin-top:10px;}
#ind_ser ul li p.pic img{ width:100px; margin-top:1rem;}
#ind_ser ul li p.tt{ font-size:24px; line-height:60px; font-weight:900; padding-top:0rem;}
#ind_ser ul li p.cc{ width:85%; margin:0 auto;}
#ind_ser ul li a:hover{ box-shadow:0 10px 10px rgba(0,0,0,0.3); margin-top:0px;background:url(image/line1.jpg) no-repeat left top/100% 5px rgba(255,255,255,0.8);}

#bottom{display:none;}

#mbottom{ position:fixed; bottom:0; left:0; background:rgba(0,0,0,0.8); width:100%;}
#mbottom ul li{ width:25%; float:left; text-align:center;}
#mbottom ul li a{ display:block;}
#mbottom ul li a img{ height:3rem;}

#mbottom1{ width:100%; height:3rem; overflow:hidden;}


#aboutpic{ width:100%; overflow:hidden; padding-top:3rem;}
#aboutpic img{ width:100%;}

#aboutmenu{ width:100%; overflow:scroll; background:#f7f7f7;}
#aboutmenu ul{ width:756px;}
#aboutmenu ul li{ float:left; padding:12px 5px;}
#aboutmenu ul li a{ display:block; line-height:36px; background:#fff; padding:0 30px;}
#aboutmenu ul li a:hover{ background:#ed9207; color:#fff;}

#title{ width:90%; margin:40px auto 0 auto; overflow:hidden; text-align:center;}
#title p.tt{ font-size:1.6rem; line-height:2rem; font-weight:900;}
#title p.bread{ background:url(image/line.jpg) no-repeat center/100% 1px;}
#title p.bread span{ background:#fff; padding:0 1rem; color:#999; font-size:0.7rem;}
#title p.bread span a{ color:#999;}
#title p.bread span a:hover{ color:#3f3c36}

#title1{ width:90%; margin:2rem auto 1rem auto; overflow:hidden; text-align:center;}
#title1 p.tt{ font-size:1.6rem; line-height:2rem; font-weight:900;}
#title1 p.bread{ background:url(image/line.jpg) no-repeat center/100% 1px;}
#title1 p.bread span{ background:#f7f7f7; padding:0 30px; color:#999; font-size:12px;}
#title1 p.bread span a{ color:#999;}
#title1 p.bread span a:hover{ color:#3f3c36}

#about1{ width:90%; margin:1rem auto 0rem auto; font-size:1rem; line-height:2rem; overflow:hidden;}

#about2{ width:100%; background:#f7f7f7; padding:2rem 0 0 0; overflow:hidden;}
#about2 .k{ width:100%; margin:0 auto; overflow:hidden;}
#about2 .left{ margin:0 auto 2rem auto; width:90%; font-size:1rem; line-height:2rem;}
#about2 .right{ width:100%;}
.about_li img {	width:100%;}

#about3{ width:100%; margin:2rem auto 0.4rem auto; overflow:hidden;}
#about3 .left{ width:90%; margin:0 auto 2rem auto;font-size:1rem; line-height:2rem;}
#about3 .right img{ width:100%;}


#about4{ background:url(image/di4.jpg) no-repeat right/auto 100% #f7f7f7; width:100%; overflow:hidden; padding-bottom:2rem;}
#about4 .tt{ line-height:80px; font-size:30px; font-weight:900; width:90%; margin:0 auto; overflow:hidden; padding-top:40px;}

#about4 .his_list{ width:90%; margin:0 auto; overflow:hidden;}
#about4 .his_list ul{ background:url(image/line2.jpg) no-repeat 12px top/4px 100%; overflow:hidden;}
#about4 .his_list ul li{ overflow:hidden; margin-top:20px;}
#about4 .his_list ul li .left{ float:left; width:20px; border-radius:50%; background:#f7f7f7; height:20px; border:solid 4px #ddd; overflow:hidden;}
#about4 .his_list ul li .left p{ width:10px; height:10px; background:#ed9206;  margin:5px auto 0 auto; border-radius:50%;}
#about4 .his_list ul li .year{ float:left;font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:30px; font-weight:900; line-height:24px; margin-left:20px; color:#ccc; width:100px; transition:all 0.5s;}
#about4 .his_list ul li:hover .year{color:#ed9206; }


#about4 .his_list ul li .right{overflow:hidden; font-size:1rem; line-height:1.4rem; width:84%; padding-top:1rem; float:right; border-bottom:solid 1px #ddd; padding-bottom:30px;}
#about4 .his_list ul li .right p span{ display:block; width:8px; height:8px; background:#ccc; float:left; margin-right:10px; border-radius:50%; margin-top:11px;}
#about4 .his_list ul li:last-child .right{ border-bottom:none;}
#about4 .his_list ul li:last-child .right a{ display:block; width:130px; line-height:40px; text-align:center; background:#fff; font-size:0.8rem; color:#ed9206; box-shadow:0 2px 5px rgba(0,0,0,0.1);}
#about4 .his_list ul li:last-child .right a:hover{ width:150px; background:#ed9206; color:#fff;}



#history_con{ width:90%; margin:1rem auto; overflow:hidden; background:url(image/line2.jpg) center repeat-y;}
#history_con dl{ list-style:none;}
#history_con dl dd{ width:100%; background:url(image/btn1.png) center 30px no-repeat; overflow:hidden; padding-top:30px; margin-bottom:0px; }
#history_con dl dd span{ width:45%; float:left; text-align:right; font-size:1rem; color:#000; font-weight:900; line-height:1.2rem;}
#history_con dl dd p{ float:right; width:45%; text-align:left; border-bottom:solid 1px #ddd; line-height:20px; font-size:.8rem; padding-bottom:1.2rem;}

#history_con dl dd.myit span{ width:45%; float:right; text-align:left;}
#history_con dl dd.myit p{ float:left; width:45%; text-align:right; border-bottom:solid 1px #ddd;}

#rd{ width:90%; margin:1rem auto 1rem auto; overflow:hidden; min-height:300px; font-size:1rem; line-height:2rem;}
#rd ul li{ float:left;}
#rd ul li:nth-child(1){ width:100%; height:auto; color:#fff; margin-right:10px; background:#ed9207;}
#rd ul li:nth-child(1) p{ padding:2rem}

#rd ul li:nth-child(2){ width:100%; overflow:hidden; }
#rd ul li:nth-child(2) img{ width:100%}

#rd ul li:nth-child(3){ width:100%; color:#fff;  background:url(image/rd2.jpg) no-repeat;}
#rd ul li:nth-child(3) p{ padding:2rem}

#rd ul li:nth-child(4){ width:100%; overflow:hidden;}
#rd ul li:nth-child(4) img{ width:100%;}

#rd ul li:nth-child(5){ width:100%;color:#000;  background:#eee;}
#rd ul li:nth-child(5) p{ padding:2rem;}

#rd ul li:nth-child(6){ width:100%; overflow:hidden; }
#rd ul li:nth-child(6) img{ width:100%;}

#culture{ width:90%; margin:1rem auto 2rem auto; overflow:hidden; min-height:300px; font-size:1rem; line-height:2rem;}
#culture .right{ width:100%; float:left;}
#culture .left{ width:100%; float:right; margin-top:1rem;}



#piclist{ width:90%; margin:1rem auto 0 auto; overflow:hidden;}
#piclist ul li{ width:100%; float:left; margin-bottom:30px;}
#piclist ul li a{ display:block; background:#f7f7f7; line-height:50px; padding:10px 10px 0 10px; text-align:center;}
#piclist ul li a p{ overflow:hidden;}
#piclist ul li a img{ width:100%; transition:all 0.5s;}
#piclist ul li a:hover{ background:#ed9207; color:#fff;}
#piclist ul li a:hover img{ transform:scale(1.15);}

#page{ width:100%; text-align:center; overflow:hidden; margin:0 auto 2rem auto;}
#page ul{ display:inline-block;}
#page ul li{ float:left; margin:0 5px;}
#page ul li.num{ display:none;}
#page ul li a{ display:block; line-height:40px; background:#f7f7f7; padding:0 20px;}
#page ul li a:hover{ background:#ed9207; color:#fff;}
#page ul li a.it{ background:#ed9207; color:#fff;}

#page1{ width:100%; text-align:center; overflow:hidden; margin:0 auto 2rem auto;}
#page1 ul{ display:inline-block;}
#page1 ul li{ float:left; margin:0 5px;}
#page1 ul li.num{ display:none;}
#page1 ul li a{ display:block; line-height:40px; background:#fff; padding:0 20px;}
#page1 ul li a:hover{ background:#ed9207; color:#fff;}
#page1 ul li a.it{ background:#ed9207; color:#fff;}

#promenu{ width:100%; overflow:scroll; background:#f7f7f7;}
#promenu ul{ width:420px;}
#promenu ul li{ float:left; padding:12px 5px;}
#promenu ul li a{ display:block; line-height:36px; background:#fff; padding:0 30px;}
#promenu ul li a:hover{ background:#ed9207; color:#fff;}

#prolist{ width:90%; margin:1rem auto 0 auto; overflow:hidden;}
#prolist ul li{ width:100%; float:left; margin-bottom:30px;}
#prolist ul li a{ display:block; background:#fff; line-height:50px; border:solid 1px #f7f7f7; text-align:center;}
#prolist ul li a p{ overflow:hidden;}
#prolist ul li a img{ width:100%; transition:all 0.5s;}
#prolist ul li a:hover{ background:#ed9207; color:#fff;}
#prolist ul li a:hover img{ transform:scale(1.15);}

#probig1{ background:url(image/bigdi.png) no-repeat center top /300% auto  #fff; overflow:hidden;}

#probig2{ width:100%; margin:3rem auto 0 auto; overflow:hidden;}
#probig2 .l{ float:left;}
#probig2 .l img{ width:100%;}
#probig2 .r{ width:90%; margin:0 auto; overflow:hidden;}
#probig2 .r p.a0{ overflow:hidden; margin-top:2rem;}
#probig2 .r p.a0 span{ display:block; float:left; line-height:24px; border-radius:3px; font-size:14px; background:rgba(0,0,0,0.1); border:solid 1px rgba(0,0,0,0.1); color:#333; padding:0 0.5rem; margin-right:10px;}
#probig2 .r p.a1{ font-size:1.4rem; color:#333; line-height:3rem; font-weight:900; padding-top:10px;}
#probig2 .r p.a2{ font-size:1rem; color:#333; line-height:1.6rem;  padding-top:20px; font-weight:0;}
#probig2 .r p.a3{ overflow:hidden; margin-top:40px;}
#probig2 .r p.a3 a{ display:block; line-height:40px; background:#ed9207; border:solid 2px #ed9207; color:#fff; float:left; padding:0 1rem; margin-right:10px;}
#probig2 .r p.a3 a.b2{ border:solid 2px #333; color:#333; background:none;}

#probig3{ width:90%; margin:1rem auto 0 auto; overflow:hidden;}
#probig3 .tt{ font-size:24px; font-weight:900; color:#ed9207; line-height:60px; border-bottom:solid 1px #eee; margin-bottom:30px;}

#probig3 .con{ width:100%; padding-bottom:2rem;}
#probig3 .con table{ border-left:solid 1px #ccc;border-top:solid 1px #ccc; width:100%;}
#probig3 .con tr:nth-child(1) td{ background:#f7f7f7; font-weight:700;}
#probig3 .con td{ border-bottom:solid 1px #ccc;border-right:solid 1px #ccc; line-height:40px; text-align:center;}

#probig4{ width:90%; margin:1rem auto 2rem auto; overflow:hidden;}
#probig4 .tt{ font-size:24px; font-weight:900; color:#ed9207; line-height:60px; border-bottom:solid 1px #eee; margin-bottom:30px;}

#probig5{ width:90%; margin:1rem auto 2rem auto; overflow:hidden;}
#probig5 .tt{ font-size:24px;font-weight:900; color:#ed9207;  line-height:60px; border-bottom:solid 1px #eee; margin-bottom:30px;}

/*ind_pic*/
.ind_pt {width:100%; margin-left:auto; margin-right:auto; }
.ind_pt .swiper-slide {text-align: center;font-size: 18px;padding-bottom:20px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center; -webkit-justify-content: center;justify-content: center; -webkit-box-align: center; -ms-flex-align: center;  -webkit-align-items: center;  align-items: center; }
.ind_pt .swiper-slide{ overflow:hidden; text-align:center; background:none; padding:0 0 40px 0;}
.ind_pt .swiper-slide a{ padding:10px 10px 0 10px; display:block;background:#fff; text-align:center; transition:background 0.5s,box-shadow 0.5s,margin 0.5s; margin-top:5px; }
.ind_pt .swiper-slide a div{ overflow:hidden;}
.ind_pt .swiper-slide a img{width:100%;transition:All 2s ease-in-out;  -webkit-transition:All 2s ease-in-out;  -moz-transition:All 2s ease-in-out;  -o-transition:All 2s ease-in-out;}
.ind_pt .swiper-slide a p.a1{line-height:60px; text-align:center; font-size:18px; }
.ind_pt .swiper-pagination{ padding-top:30px; overflow:hidden;}



#pro_feedback{ width:100%; background:#eee; overflow:hidden;}
#pro_feedback .a1{ width:90%; line-height:1rem; font-size:0.8rem; padding:0.5rem 5%; color:#fff; background:#ed9207; text-align:center; margin:0 auto 20px auto;}
#pro_feedback .a2{ width:90%; margin:0 auto; overflow:hidden;}
#pro_feedback .a2 ul{ width:100%;}
#pro_feedback .a2 ul li{ width:100%;margin:0 0 15px 0; background:#fff; overflow:hidden;}
#pro_feedback .a2 ul li img{ float:left;}
#pro_feedback .a2 ul li input{ height:34px; border-left:solid 1px #eee; text-indent:15px; line-height:34px; margin-top:8px; width:70%;}
#pro_feedback .a3{ width:80%; margin:0 auto 15px auto; overflow:hidden; background:#fff; height:180px; padding:20px 5%;}
#pro_feedback .a3 textarea{ width:90%; height:100%; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
#pro_feedback .a4{ width:90%; margin:0 auto 0rem auto; overflow:hidden;}
#pro_feedback .a4 ul li{ margin-bottom:15px;}
#pro_feedback .a4 ul li.b1{}
#pro_feedback .a4 ul li.b1 a{ display:block; line-height:50px; width:100%; border-radius:3px; text-align:center; color:#fff; background:#ed9207; font-size:16px;}
#pro_feedback .a4 ul li.b1 a:hover{ background:#00275e;}
#pro_feedback .a4 ul li.b2 a{ display:block; line-height:50px; width:100%; border-radius:3px; text-align:center; color:#fff; background:#3f3c36; font-size:16px;}
#pro_feedback .a4 ul li.b3{ width:100%; background:#fff; overflow:hidden;}
#pro_feedback .a4 ul li.b3 img{ float:left;}
#pro_feedback .a4 ul li.b3 input{ height:34px; border-left:solid 1px #eee; text-indent:15px; line-height:34px; margin-top:8px; width:50%;}
#pro_feedback .a4 ul li.b3 a{ color:#1c8c00; font-size:16px; text-align:center;}

#servicemenu{ width:100%; overflow:scroll; background:#f7f7f7;}
#servicemenu ul{ width:100%;}
#servicemenu ul li{ float:left; width:50%;}
#servicemenu ul li a{ display:block; line-height:36px; background:#fff; text-align:center; margin:12px 5px;}
#servicemenu ul li a:hover{ background:#ed9207; color:#fff;}

#service{ width:90%; margin:1rem auto 2rem auto; overflow:hidden; min-height:300px; font-size:1rem; text-align:left; line-height:30px;}
#service p{ overflow:hidden; margin-top:30px;}
#service p img{ width:100%;}

#service1{ width:90%; margin:1rem auto 1rem auto; overflow:hidden;}
#service1 ul li{ width:100%; font-size:1rem; line-height:2rem; margin-bottom:1rem;}
#service1 ul li img{ width:100%;}
#service1 ul li p.tt{ font-size:1.2rem; font-weight:900; line-height:3rem;}




#method{ width:90%; margin:1rem auto 0 auto; overflow:hidden;}
#method ul li{ margin-bottom:2rem;}
#method ul li a{ display:block; overflow:hidden;}
#method ul li a .l{ width:100%; overflow:hidden;}
#method ul li a .l img{ width:100%; transition:all 0.5s;}
#method ul li a .r{ width:100%;  background:#fff; float:right; padding:0 }
#method ul li a .r p.tt{ font-size:1.3rem; line-height:3rem; padding-top:1rem;}
#method ul li a .r p.more{ border:solid 2px #ed9207; line-height:2.4rem; width:108px; text-align:center;  color:#ed9207; margin-top:1rem;}

#newsmenu{ width:100%; overflow:scroll; background:#f7f7f7;}
#newsmenu ul{ width:510px;}
#newsmenu ul li{ float:left; padding:12px 5px;}
#newsmenu ul li a{ display:block; line-height:36px; background:#fff; padding:0 30px;}
#newsmenu ul li a:hover{ background:#ed9207; color:#fff;}


#news{ width:100%; margin:2rem auto 2rem auto; overflow:hidden;}
#news ul{ background:url(image/back1.jpg) no-repeat 1rem top/4px 100%;}
#news ul li{ overflow:hidden; padding:1rem 0;}
#news ul li a{ display:block; overflow:hidden;}
#news ul li a .left{ width:10%; float:left;}
#news ul li a .left p{ width:10px; height:10px; border:solid 5px #ed9207; border-radius:50%; margin-left:0.5rem; background:#fff; transition:all 0.5s;}
#news ul li a:hover .left p{border:solid 5px #ed9207;}
#news ul li a .right{ float:right; width:85%; margin-right:5%;}
#news ul li a .right .data{ overflow:hidden; font-size:16px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; color:#ed9207; padding-bottom:20px;}
#news ul li a .right .list{ overflow:hidden;}
#news ul li a .right .list .pic{width:100%;overflow:hidden;}
#news ul li a .right .list .pic img{ width:100%; transition:all 0.5s;}
#news ul li a .right .list .con{ overflow:hidden;}
#news ul li a .right .list .con p.tt{ font-size:1rem; font-weight:900; padding-bottom:1rem; padding-top:10px;}
#news ul li a .right .list .con p.cc{ color:#666;}
#news ul li a .right .list .con p.more{ background:#f7f7f7; border-radius:3px; width:100px; text-align:center; line-height:2rem; margin-top:1rem;  transition:all 0.5s;}

#contact{ width:90%; margin:0 auto 2rem auto; overflow:hidden;}
#contact .left{margin-bottom:1rem; overflow:hidden;}
#contact .left p{ line-height:3rem; border-bottom:solid 1px #eee; width:100%;}
#contact .left img{ height:1.5rem; vertical-align:middle; margin-right:0.3rem;}
#contact .right{overflow:hidden; background:#f7f7f7; padding:0px;}

#job1{ width:95%; margin:0 auto; overflow:hidden;}
#job1 ul li{ border:solid 1px #eee; overflow:hidden; margin-bottom:30px; border-top:solid 2px #ed9207;}
#job1 ul li span{ font-weight:900;}
#job1 ul li font{ color:#ed9207;}
#job1 ul li div.tt{ border-bottom:solid 1px #eee; background:#f7f7f7;overflow:hidden; line-height:1.4rem; padding:0.5rem 0}
#job1 ul li div.tt p{ width:90%; float:left; padding:0 2.5%;}
#job1 ul li div.cc{ border-bottom:solid 1px #eee; overflow:hidden; line-height:1.4rem; padding:0.5rem 0;}
#job1 ul li div.cc p{ width:90%; float:left; padding:0 2.5%;}
#job1 ul li div.dd{ border-bottom:solid 1px #eee; overflow:hidden; line-height:1.4rem; padding:0.5rem 0;}
#job1 ul li div.dd p{ width:90%; float:left; padding:0 2.5%;}
#job1 ul li div.aa{ background:#fff; overflow:hidden; line-height:24px; padding:0.5rem 0;}
#job1 ul li div.aa p{ width:90%; float:left; padding:0 2.5%;}




.botbox{height:auto; float:left; margin-bottom:50px}
.botbox .newpage span.l{float:left;width:100%}
.botbox .newpage span.r{float:left;width:100%}

#content .news_title{ font-size:1.5rem;padding: 10px; line-height:1.5rem;}
.news_con img{ width:100%;}

#canshu{width:100%; max-width:1200px; margin-top:10px; display:block; overflow-x:scroll}
#canshu table{width:100%; } 
#canshu table img{width:auto} 
#canshu table td{ padding:5px; white-space:nowrap;} 
#cs-d{display:block;}

#search{ display:none;}
#search_con{ display:none;}

#search_list{ width:95%; margin:0 auto 40px auto; overflow:hidden;}
#search_list ul li{ border-bottom:solid 1px #eee; margin-top:10px;}
#search_list ul li a{ display:block; overflow:hidden; padding-bottom:10px;}
#search_list ul li a div{ overflow:hidden;}
#search_list ul li a p.tt{ font-size:1rem; color:#000; line-height:20px; padding:0.7rem 0; font-weight:900;}
#search_list ul li a p.tt i{color:#F00;}
#search_list ul li a p.con{ color:#666;}


#youshi{ width:90%; margin:1rem auto 0rem auto; overflow:hidden;}
#youshi ul{ width:100%;}
#youshi ul li{ float:left; border:solid 1px #eee; padding:30px 5%; width:89%; margin:0 0 30px 0;  background:#eee; border-radius:30px;}
#youshi ul li .num{ background:#ed9207; color:#fff; width:30px; height:30px; border-radius:50%; line-height:30px; text-align:center; position:absolute; margin:-40px -2rem;}
#youshi ul li .cc{ overflow:hidden; font-size:16px; line-height:30px;}

#float{ display:none;}












}
